﻿@model IEnumerable<Blogs.LazyFox.Models.BlogModel>

<link rel="stylesheet" href="~/css/blog-card.css" asp-append-version="true" />

@{

    ViewData["Title"] = "Home Page";
}

<div class="text-center">

</div>
<div class="text-center">
    @foreach (var blog in Model!)
    {
        var cover = "/img/" + blog.Bid + ".jpg";
        <article class="card rounded-3" style="width: 80%; margin: 5em 10%">
            <img class="img-fluid rounded-top-3" src="@cover"  asp-append-version="true" alt="test" onerror="this.src='/img/error.jpg';this.onerror=null"/>
            <div class="card-body">
                <h1 class="card-title"><a asp-controller="blog" asp-action="read" asp-route-bid="@blog.Bid">@Html.DisplayFor(BlogItem => blog.Title)</a></h1>
                <p class="card-text max-text">@Html.DisplayFor(BlogItem => blog.Introduction)</p>
                <p class="card-text"><small class="text-muted">@Html.DisplayFor(BlogItem => blog.CreateTime)</small></p>
            </div>
        </article>
    }


</div>